<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>JCash</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="Sistema de Controle Financeiro Pessoal" />
        <meta name="author" content="Gelson Magalhães do Nascimento" />
        <meta name="author" content="Roberto Douglas Katsui" />
        <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>

        <!-- Le styles -->
        <link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/resources/css/bootstrap.css" />
        <link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/resources/css/bootstrap-responsive.css" />
        <link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/resources/css/prettify.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/resources/css/font-awesome.css" />
        <link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/resources/css/datepicker.css" />
        <link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/resources/css/default-v3.css" />

        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
        <style type="text/css">
            html,  body {
                height: 100%;/* The html and body elements cannot have any padding or margin. */
            }
            /* Wrapper for page content to push down footer */
            #wrap {
                min-height: 100%;
                height: auto !important;
                height: 100%;
                /* Negative indent footer by it's height */
                margin: 0 auto -60px;
            }
            footer {
                background-color: #1F6E83;
                border-top: 1px solid #1F6E83;
                color: #fff;
                text-shadow: 0 -1px 0 rgba(0,0,0,0);
                margin-top: 60px;
                padding-top: 45px;
                padding-bottom: 30px;
                padding: 5px;
            }
        </style>


        <!--[if lt IE 9]>
              <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
            <![endif]-->

        <!-- Le fav and touch icons -->
        <link rel="shortcut icon" type="text/css" href="#{facesContext.externalContext.requestContextPath}/resources/imagens/logo.png" />
    </h:head>
    <h:body>
        <div id="topo" class="navbar navbar-inverse-sgi navbar-fixed-top">
            <ui:insert name="topo" >
                <ui:include src="/WEB-INF/template/comum/topo.xhtml" />
            </ui:insert>
        </div>
        <div id="wrap">

            <div id="conteudo" class="container" >
                <div class="row">
                    <p:messages closable="true" />
                    <ui:insert name="conteudo">
                        <ui:include src="/WEB-INF/template/comum/conteudo.xhtml" />
                    </ui:insert>
                </div>
            </div>
        </div>
        <div  id="rodape">
            <ui:insert name="rodape" >
                <ui:include src="/WEB-INF/template/comum/rodape.xhtml" />
            </ui:insert>
        </div>

        <!-- Le javascript
            ================================================== --> 
        <script src="#{facesContext.externalContext.requestContextPath}/resources/js/jquery.js" type="text/javascript" ></script> 
        <script src="#{facesContext.externalContext.requestContextPath}/resources/js/bootstrap.js" type="text/javascript" ></script> 
        <script src="#{facesContext.externalContext.requestContextPath}/resources/js/prettify.js" type="text/javascript" ></script> 
        <script src="#{facesContext.externalContext.requestContextPath}/resources/js/bootstrap-datepicker.js" type="text/javascript" ></script>         
        <script src="#{facesContext.externalContext.requestContextPath}/resources/js/jquery.maskMoney.js" type="text/javascript" ></script>         
        <script src="#{facesContext.externalContext.requestContextPath}/resources/js/jcash.js" type="text/javascript" ></script>         

    </h:body>
</html>